<template>
    <div class="playlist">
        <h3>官方歌单</h3>
        <ul>
            <li v-for="item in playListData" :key="item.content_id">
                <img :src="item.cover" alt="">
                <span>{{item.title}}</span>
            </li>
        </ul>
    </div>
</template>

<script>
import axios from 'axios'
export default {
    data(){
        return{
            playListData: []
        }
    },
    methods:{
        getPlayList(){
            axios.get("/api/recommend/playlist/u")
            .then(res => {
              //  console.log(res)
                console.log(res.data.data.list)
                this.playListData=res.data.data.list;
            })
            .catch(err => {
                console.error(err);
            })
        }
    },
    mounted(){
        this.getPlayList()
    }
}
</script>
<style scoped>

</style>